<template>
  <el-header>
    <div style="width: 100%">
      <navigator></navigator>
    </div>
  </el-header>
<el-container>
  <el-aside>
    <h3 class="title">个人中心</h3>
  <el-menu
    :uniqueOpened="true"
    :default-active="$route.path"
    router
    class="el-menu-vertical-demo"
    background-color="#ffffff"
    text-color="#000000"
    active-text-color="#003399">
    <el-menu-item index="/basicInformation">
      <template #title>
        <span>基本信息</span>
      </template>
    </el-menu-item>
    <el-menu-item index="/purse">
      <template #title>钱包</template>
    </el-menu-item>
    <el-menu-item index="/set">
      <template #title>设置</template>
    </el-menu-item>
    <el-menu-item index="/message">
      <template #title>消息提醒</template>
    </el-menu-item>
  </el-menu>
  </el-aside>
</el-container>
</template>

<script lang="ts" src="./personCenter.ts">

</script>

<style scoped>
.el-header{
  padding-inline-end: 0px;
  padding-inline-start: 0px;
}
.el-menu-vertical-demo{
  width: 250px;
  font-size: 30px;
}
.title{
  width: 200px;
  padding-left: 25px;
}
</style>
